<template>
    <div class="not-found-box">
        <h1>404</h1>
        <p>您所访问的页面不可达！可能是这个页面不存在或是您的权限不足。</p>
        <div>
            <el-button @click="$router.go(-1)">返回</el-button>
            <el-button @click="$router.replace({ name: INDEX })">回到首页</el-button>
        </div>
    </div>
</template>

<script>
import {INDEX} from "../router";

export default {
    name: "Notfound",
    data(){
        return{
            INDEX
        };
    },
}
</script>

<style scoped>
.not-found-box{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.not-found-box h1{
    font-size: 6em;
}
.not-found-box p{
    font-size: 1.3em;
}
</style>
